@supports (top: env(safe-area-inset-top)) {
    .bMap {
        height: calc(100vh - env(safe-area-inset-bottom));
    }
}
@supports (top: constant(safe-area-inset-top)) {
    .bMap {
        height: calc(100vh - constant(safe-area-inset-bottom));
    }
}
.map {
    width: 100%;
    height: calc(100vh - 93px - env(safe-area-inset-top) - env(safe-area-inset-bottom));// 如有刘海屏则生效
    height: calc(100vh - 93px); // 适配安卓 微信小程序 
}

ion-tab-bar {
    z-index: 12;
    padding: 0px;
}
ion-tab-button {
    width: 25%;
    font-size: 0.63rem;
    text-align: center;
    cursor: pointer;
}
i {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    background-size: cover;
    margin-top: 5px;
}

ion-tab-button:nth-child(1) {
    i {
        background-image: url("../../../assets/icon/details_icon_market_normal@2x.png");
    }
}

ion-tab-button:nth-child(2) {
    i {
        background-image: url("../../../assets/icon/details_icon_village_normal@2x.png");
    }
}

ion-tab-button:nth-child(3) {
    i {
        background-image: url("../../../assets/icon/details_icon_traffic_normal@2x.png");
    }
}

ion-tab-button:nth-child(4) {
    i {
        background-image: url("../../../assets/icon/details_icon_build_normal@2x.png");
    }
}

ion-tab-button.active {
    p {
        color: #ff6314;
    }
}

ion-tab-button:nth-child(1).active {
    i {
        background-image: url("../../../assets/icon/details_icon_market_press@2x.png");
    }
}

ion-tab-button:nth-child(2).active {
    i {
        background-image: url("../../../assets/icon/details_icon_village_press@2x.png");
    }
}

ion-tab-button:nth-child(3).active {
    i {
        background-image: url("../../../assets/icon/details_icon_traffic_press@2x.png");
    }
}

ion-tab-button:nth-child(4).active {
    i {
        background-image: url("../../../assets/icon/details_icon_build_press@2x.png");
    }
}